@extends('home.layouts.auth') @section('title') 登录 @endsection @section('css')
<style>
.auth-goto {
    margin-bottom: 10px;
    padding-top: 50px;
    color: #333;
    font-size: 16px;
}

.auth-third {
    margin-top: 80px;
}

.auth-third .hd {
    height: 16px;
    font-size: 12px;
    text-align: center;
}

.auth-third .hd .layout-inner {
    margin-bottom: 7px;
    border-bottom: 2px solid #f2f2f2;
}

.auth-third .hd h3 {
    width: 106px;
    margin: 0 auto -8px;
    background-color: #fff;
    font-weight: 400;
    line-height: 16px;
    color: #ccc;
}

.auth-third .links {
    margin: 0 auto;
    padding-top: 20px;
}

.auth-third .links a {
    display: inline-block;
    margin: 0 8px;
}

.auth-icon {
    background-image: url("{{asset('/images/fouricon.png')}}");
    background-size: 298px 120px;
}

.icon-tencent,
.icon-weibo,
.icon-weixin {
    width: 55px;
    height: 55px;
    background-position: 0 -65px;
}

.auth-third a:hover .icon-tencent {
    background-position: 0 -1px;
}

.auth-third .icon-weibo {
    background-position: -81px -65px;
}

.auth-third a:hover .icon-weibo {
    background-position: -81px -1px
}

.auth-third .icon-weixin {
    background-position: -162px -65px;
}

.auth-third a:hover .icon-weixin {
    background-position: -162px -1px
}

.auth-icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}
</style>
@endsection @section('left')
<form action="{{url('/doLogin')}}" class="mdui-p-x-3" method="post" id="login-form">
    {{csrf_field()}}
    <div class="mdui-textfield mdui-textfield-floating-label">
        <label class="mdui-textfield-label">手机号 | 邮箱</label>
        <input class="mdui-textfield-input" name="user" type="text" /> @if(count($errors) > 0)
        <div class="alert alert-danger">{{$errors->first('phone')}}</div>
        @endif {{session('fails')}}
    </div>
    <div class="mdui-textfield mdui-textfield-floating-label ">
        <label class="mdui-textfield-label">密码</label>
        <input class="mdui-textfield-input" name="password" type="password" /> @if(count($errors) > 0)
        <div class="alert alert-danger">{{$errors->first('password')}}</div>
        @endif
    </div>
    <div class="mdui-textfield mdui-textfield-floating-label ">
        <div class="mdui-row">
            <div class="mdui-col-xs-7">
                <label class="mdui-textfield-label">验证码</label>
                <input class="mdui-textfield-input" name="captcha" type="text" /> @if(count($errors) > 0)
                <div class="alert alert-danger">{{$errors->first('captcha')}}</div>
                @endif
            </div>
            <div class="mdui-col-xs-5 mdui-text-right">
                <img class="mdui-img-rounded" src="{{captcha_src()}}" style="cursor: pointer;" onclick="this.src='{{captcha_src()}}?'+(new Date()).getTime()" alt="验证码">
            </div>
        </div>
    </div>
    <button class="mdui-btn mdui-btn-block mdui-color-theme
        mdui-ripple mdui-m-t-2 mdui-m-b-1" type="submit">登录
    </button>
    <p class="mdui-text-center mdui-typo">
        <a href="{{url('/forGet')}}" name="forget-password" class="forget-password">忘记密码?</a>
    </p>
</form>
@endsection @section('right')
<div class="auth-goto">
    <p class="mdui-text-center mdui-typo">
        <span>没有账号？</span>
        <a href="{{url('/register')}}">立即注册</a>
    </p>
</div>
<div class="auth-third">
    <header class="hd">
        <div class="layout-inner">
            <h3>快速登录</h3>
        </div>
    </header>
    <div class="links mdui-text-center">
        <a href="{{url('/oauth/qq')}}">
            <i class="auth-icon icon-tencent"></i>
        </a>
        <a href="{{url('/oauth/weibo')}}">
            <i class="auth-icon icon-weibo"></i>
        </a>
        <a href="{{url('/oauth/weixin')}}">
            <i class="auth-icon icon-weixin"></i>
        </a>
    </div>
</div>
@endsection {{--@section('js')--}} {{--
<script>
--
}
} {
    {
        --$('#login-form').submit = (function() {
                --
            }
        } {
            {
                --
                var data = $(this).serialize();
                --
            }
        } {
            {
                --$.ajax({--
                    }
                } {
                    {
                        --url: '{{url(' / home / addlogin ')}}', --
                    }
                } {
                    {
                        --data: data, --
                    }
                } {
                    {
                        --type: 'post', --
                    }
                } {
                    {
                        --dataType: 'json', --
                    }
                } {
                    {
                        --success: function(data) {
                            --
                        }
                    } {
                        {
                            --
                            if (data.status != 0) --
                        }
                    } {
                        {
                            --{--
                            }
                        } {
                            {
                                --alert(data.message);
                                --
                            }
                        } {
                            {
                                --
                                return;
                                --
                            }
                        } {
                            {
                                --
                            }--
                        }
                    } {
                        {
                            --location.href = "{{url('/index')}}";
                            --
                        }
                    } {
                        {
                            --
                        }--
                    }
                }

                {
                {
                    --
                });
                --
            }
        } {
            {
                --
                return false;
                --
            }
        } {
            {
                -- --
            }
        } {
        {
            --
        });
        --
    }
} {
    {
        --
</script>--}} {{--@endsection--}}
